/**
 * 组件：ImageButton 图片按钮组件
 * Author:Colin3dmax
 */
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {
    StyleSheet,
    View,
    Text,
    Image,
    TouchableOpacity,
} from 'react-native';

class FooterLine extends Component {

    static propTypes = {
        style: View.propTypes.style,
        title: PropTypes.string,
    }

    static defaultProps = {
        title: '已经到底啦',
    }

    constructor(props) {
        super(props)
        this.state = {}
    }

    componentDidMount() {

    }


    render() {
        const {title, style} = this.props
        return (
            <View style={[styles.container, style]}>
                <View style={styles.line}/>
                <Text style={styles.text}>{title}</Text>
                <View style={styles.line}/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'center',},
    line: {
        width:20,
        height:1,
        backgroundColor:'black',
    },
    text: {
        fontSize:12,
        padding:8,
        backgroundColor:'transparent',
    }
});

export default FooterLine;